<template>
  <div>
      <v-goods> </v-goods>
      <v-remark></v-remark>
      <v-loading :isShow="isShow.loading"></v-loading>
      <v-order :isShow="isShow.order" :seller="seller"></v-order>
  </div>
</template>
<script type="text/ecmascript-6">
import PageLoding from "./components/loading.vue";
import PageGoods from "./components/goods/goods.vue";
import remark from "./components/remind/remark.vue";
import PageOrder from "./components/order/index.vue";
//  const ERR_OK = 0;
export default {
  data() {
    return {
      goods: []
    };
  },
  created() {
    this.$store.commit("loadCacheFood");
  },
  computed: {
    goodInfo() {
      return this.$store.state.goodInfo;
    },
    isShow() {
      return this.$store.state.isShow;
    },
    seller() {
      return this.$store.state.seller;
    }
  },
  components: {
    "v-remark": remark,
    "v-goods": PageGoods,
    "v-loading": PageLoding,
    "v-order": PageOrder
  }
};
</script>
<style lang="stylus" rel="stylesheet/stylus">
@import 'common/stylus/mixin.styl';

html {
  font-size: 13.333vw;
}

body {
  font-size: 0.2rem;
}

.mint-cell-value {
  color: red;
}

// muit-radio by xiaofei
.mint-radio-core::after {
  left: 6px;
  top: 6px;
}
</style>
